<!DOCTYPE html>
<html ng-app="demoApp">
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div ng-controller="SimpleController">
		
					<input type="text" ng-model="name" />
					<br />
					<br />
					<ul>	
						<li ng-repeat="cust in customers | filter:name">
							{{cust.name}} - {{cust.city}}
						</li>
					</ul>
					
				</div>
				
				<script type="text/javascript" src="angular.min.js"></script>
		
				<script>
					
					var demoApp = angular.module('demoApp', [])
					
					var controllers = {}
					
					controllers.SimpleController = function($scope) {
						$scope.customers = [
							{name:'John Smith', city:'Phoenix'}, 
							{name:'John Doe', city:'New York'}, 
							{name:'Jane Doe', city:'San Francisco'}
							]
					}
		
					demoApp.controller(controllers)
				</script>
			</body>
	</body>
</html>
